<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>退货退款</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="__PUBLIC__/Product/css/page_refund.css">
		<link rel="stylesheet" href="__PUBLIC__/Product/css/styless.css">
		<script src="__PUBLIC__/Product/js/lib/flexible.js"></script>
		<style>
			#red_point {
				display: inline-block;
				color: red;
			}
		</style>
	</head>

	<body style="background-color: #ffffff;">
		<div class="refund_box">
			<!-- 头部 -->
			<div class="refund_header">
				<p><img src="__PUBLIC__/Product/img/fanhui.png" onclick="window.location.href =  document.referrer" /></p>
				<p>退款详情</p>
				<p></p>
			</div>
			<!-- 内容 -->
			<div class="refund_content">

				<div class="show">
					<!--<div class="goods">
					</div>
					<div class="detail_info">
						<p>马化腾超强信号穿墙信号斐讯路由器</p>
						<p><span>颜色:</span><span class="color">白色</span><span>型号:</span><span class="model">超强</span></p>
					</div>-->
				</div>
				<div class="reason">
					<div class="refund_reason">
						<p><span>退款原因</span><span>请选择&gt;</span></p>
						<p></p>
					</div>
				</div>

				<div class="refund_info">
					<ul>
						<li>
							<p>商品数量</p>
							<p>
								<span class="reduce">-</span>
								<span class="num">1</span>
								<span class="add">+</span>
							</p>
						</li>
						<li>
							<span>退款金额:</span>
							<span class="red_num" style="display: inline-block;">￥<span></span></span>
							<span id="red_point">+<span></span>集分</span>
						</li>
						<li>最多￥<span class="most">255.00</span>，含发货邮费￥<span class="postage">3.00</span></li>
						<li>
							<label for="">退款说明:</label>
							<input type="text" placeholder="选填" />
						</li>
					</ul>
				</div>
				<form class="feedback" id="uploadForm" method="post" action="" enctype="multipart/form-data">
					<div class="upload_credentials">
						<p>上传凭证</p>
						<div class="img-list clearfix" id="fileList">

						</div>
						<label for="fileElem">
					<input  type="file" id="fileElem" style="display: none;" value="" name="imgs" multiple accept="image/jpg,image/jpeg,image/png,image/gif">
					<div class="tuku">
						<div class="num1">
							<p>上传凭证</p>
							<p>(最多六张)</p>
						</div>
						
					</div>
					</label>
					</div>
				</form>
			</div>
			<div class="refund_footer">
				提交申请
			</div>

		</div>

		<div id="mengban"></div>

		<div class="reason_refund">
			<div class="header">
				退款原因
			</div>
			<div class="content">
				<ul>
					<li>
						<span>多拍/拍错/不想要</span>
						<span><input type="radio" id="r1" name="reason"/><label class="reason" for="r1"></label></span>
					</li>
					<li>
						<span>快递一直未送到</span>
						<span><input type="radio" id="r2" name="reason" /><label class="reason" for="r2"></label></span>
					</li>
					<li>
						<span>并未按约定时间发货</span>
						<span><input type="radio" id="r3" name="reason" /><label class="reason" for="r3"></label></span>
					</li>
					<li>
						<span>快递无跟踪记录</span>
						<span><input type="radio" id="r4" name="reason"/><label class="reason" for="r4"></label></span>
					</li>
					<li>
						<span>空包裹/少货</span>
						<span><input type="radio" id="r5" name="reason"/><label class="reason" for="r5"></label></span>
					</li>
					<li>
						<span>其他</span>
						<span><input type="radio" id="r6" name="reason"/><label class="reason" for="r6"></label></span>
					</li>
				</ul>
			</div>
			<div class="footer">
				关闭
			</div>
		</div>
		<div class="errAlert"></div>
	</body>

</html>
<script src="__PUBLIC__/Product/js/lib/jquery3.2.1.js"></script>
<script src="__PUBLIC__/Product/js/page_refund.js"></script>